{extend name="common/base" /}
{block name="body"} 
<div class="Content" id="content">
    <div class="container">
        <div class="FormPage AccountInfo">

            <form class="layui-form " lay-filter="productForm">
                <!-- 商品名称 -->
                <h2>账号头像</h2>
                <div class="form-item-inline userUpload uploadImg">

                    <label class="form-label">
                        <div class="user_img" style="margin-left: auto;">
                            <img data-img src="images/sign-user.png">
                        </div>
                    </label>
                    <div>

                        <button class="layui-btn btn-gary">上传头像</button>
                    </div>



                </div>
                <h2>身份认证</h2>
                <div class="form-item-inline" style="margin-bottom: var(--p30);">
                    <label class="must form-label">认证设计师：</label>
                    <div class="layui-input-inline">
                        <span style="color: #FF0000;">已认证原创设计</span>
                    </div>
                </div>

                <h2>联系方式</h2>
                <div class="form-item-inline">
                    <label class="must form-label">手机：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="phone" placeholder="" class="layui-input">
                    </div>
                    <a class="red" lay-event="updatePhone" style="margin-left: var(--p20);">更换绑定手机号 >></a>
                </div>

                <div class="form-item-inline">
                    <label class=" form-label">微信：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="wechat" placeholder="" class="layui-input">
                    </div>
                </div>

                <div class="form-item-inline">
                    <label class=" form-label">QQ：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="qq" placeholder="" class="layui-input">
                    </div>
                </div>

                <div class="form-item-inline">
                    <label class="x form-label">Email：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="email" placeholder="" class="layui-input">
                    </div>
                </div>

                <h2>基本信息</h2>



                <div class="form-item-inline">
                    <label class="must form-label">姓名：</label>
                    <div class="layui-input-inline">
                        <input type="text" name="username" placeholder="" class="layui-input" disabled>
                    </div>
                    <div class="layui-form-mid layui-word-aux">已实名认证不可修改</div>
                </div>

                <div class="form-item-inline">
                    <label class="form-label">性别：</label>
                    <div class="layui-input-inline">
                        <select name="sex">
                            <option value="">请选择</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </div>
                </div>

                <div class="form-item-inline">
                    <label class="must form-label">当前地址：</label>
                    <div class="layui-input-inline" style="margin-right: var(--p10);">
                        <!-- 省市区联动需结合 Layui 扩展或自定义逻辑实现，这里仅示例 -->
                        <select name="province" id="province">
                            <option value="黑龙江">黑龙江</option>
                            <!-- 可扩展其他省份 -->
                        </select>
                    </div>

                    <div class="block">
                        <input type="text" name="address" placeholder="" class="layui-input">
                    </div>
                </div>

                <div class="form-item-inline">
                    <label class="form-label">个人简介：</label>
                    <div class="block">
                        <textarea name="intro" placeholder="" class="layui-textarea"
                            maxlength="1000"></textarea>

                        <div class="layui-form-mid layui-word-aux">剩余 1000 个字符</div>
                    </div>
                </div>

                <div class="form-item-inline ">
                    <label class=" form-label"></label>
                    <div class="input-inline foot">
                        <button class="layui-btn" lay-submit lay-filter="saveDraft">确认并保存</button>
                    </div>
                </div>
            </form>

        </div>

    </div>
</div>
{/block}

{block name="js"} 
<script>
    changeTitleName('个人信息');
</script>
{/block}